<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>所有用户</title>
    <link rel="stylesheet" href="/css/frame/user_center/user_center_alluser.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body class="inner-container">
    <div class="shandow"></div>
    <div id="function">
        <div class="function_style_out">
            <div class="function_style_in">
                <div class="search">
                    <div class="search_item">
                        <div>所属科室</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="department" placeholder="请选择所属科室" readonly="readonly">
                            <div id="department_list" class="search_input_option innerbox">
                                <div>
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_item">
                        <div>临床职称</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="clinical_title" placeholder="请选择临床职称" readonly="readonly">
                            <div id="clinical_title_list" class="search_input_option innerbox">
                                <div>
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_item">
                        <div>教学职称</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="teaching_title" placeholder="请选择教学职称" readonly="readonly">
                            <div id="teaching_title_list" class="search_input_option inner-container">
                                <ul>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="search">
                    <div class="search_item">
                        <div>用户类型</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="type" placeholder="请选择用户类型" readonly="readonly">
                            <div id="type_list" class="search_input_option inner-container">
                                <ul>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="search_item">
                        <div>用户来源</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="source" placeholder="请选择用户来源" readonly="readonly">
                            <div id="source_list" class="search_input_option inner-container">
                                <ul>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="search">
                    <div class="search_item_state">
                        <div>用户状态</div>
                        <div id="state"></div>
                    </div>
                    <div id="adduser" class="search_extra">
                        <button id="add_button"  class="button">
                            <i class="icon_add icon_button"></i>
                            <span>新增</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="content">
        <div id="top">
            <button id="modify" class="button">
                <i class="icon_modify icon_button"></i>
                <span>批量修改科室</span>
            </button>
            <button id="delete" class="button">
                <i class="icon_delete icon_button"></i>
                <span>批量删除</span>
            </button>
            <div id="search">
                <div id="search_button"></div>
                <input id="search_input" placeholder="请输入医生姓名/手机号进行搜索" autocomplete="off">
                <div id="search_font">搜索</div>
            </div>
        </div>
        <div id="userdata">
            <table id="userlist" cellpadding="0" cellspacing="0" border="1px">
                <tbody>
                <tr>
                    <td style="width: 5%;"><input type="checkbox" id="all" style="width: 20px;height: 20px;"></td>
                    <td style="width: 13%;">用户名</td>
                    <td style="width: 10%;">真实姓名</td>
                    <td style="width: 13%;">联系方式</td>
                    <td style="width: 14%;">用户来源</td>
                    <td style="width: 10%;">用户状态</td>
                    <td style="width: 10%;">所属科室</td>
                    <td style="width: 10%;">用户职称</td>
                    <td style="width: 15%;">操作</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="bottom">
            <div id="fenye">
                <div id="totalcount"></div>
                <div style="position:relative;">
                    <input id="pageSize" readonly="readonly">
                    <div id="pageSize_list">
                        <ul>
                            <li class="10">10条/页</li>
                            <li class="20">20条/页</li>
                            <li class="50">50条/页</li>
                        </ul>
                    </div>
                </div>
                <div id="pre" class="paging"><</div>
                <div id="next" class="paging">></div>
                <span>前往第</span>
                <div>
                    <input id="pageNo" oninput="value=value.replace(/[^\d]/g,'')">
                </div>
                <span>页</span>
            </div>
        </div>
    </div>
    <div id="detail" class="popup">
        <div id="detail_top">
            <span>用户详情</span>
            <div>×</div>
        </div>
        <div id="detail_content" class="inner-container">
            <table>
                <tr>
                    <td style="width: 17%">联系方式</td>
                    <td style="width: 30%" id="detail_phonumber"></td>
                    <td style="width: 6%"></td>
                    <td style="width: 17%">头像</td>
                    <td style="width: 30%" rowspan="2">
                        <img id="detail_userphoto" class="userphoto">
                    </td>
                </tr>
                <tr>
                    <td>用户名</td>
                    <td id="detail_username"></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td id="detail_realname"></td>
                    <td></td>
                    <td>性别</td>
                    <td id="detail_sex"></td>
                </tr>
                <tr>
                    <td>身份证号</td>
                    <td id="detail_idcard"></td>
                    <td></td>
                    <td>用户类型</td>
                    <td id="detail_type"></td>
                </tr>
                <tr>
                    <td>所在科室</td>
                    <td id="detail_department"></td>
                    <td></td>
                    <td>科室负责人</td>
                    <td id="detail_director"></td>
                </tr>
                <tr>
                    <td>工号</td>
                    <td id="detail_job_number"></td>
                    <td></td>
                    <td>状态</td>
                    <td id="detail_state"></td>
                </tr>
                <tr>
                    <td>临床职称</td>
                    <td id="detail_clinical_title"></td>
                    <td></td>
                    <td>教学职称</td>
                    <td id="detail_teaching_title"></td>
                </tr>
                <tr>
                    <td>擅长</td>
                    <td rowspan="2" colspan="5">
                        <textarea id="detail_goodat" readonly = "readonly"></textarea>
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>简介</td>
                    <td rowspan="2" colspan="5">
                        <textarea id="detail_description" readonly = "readonly"></textarea>
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
            </table>
        </div>
        <div id="detail_bottom">
            <button class="button">确定</button>
        </div>
    </div>
    <div id="add" class="popup">
        <div id="add_top">
            <span>用户新增</span>
            <div>×</div>
        </div>
        <div id="add_content" class="inner-container">
            <table>
                <form method="post" enctype="multipart/form-data" id="addform">
                    <tr>
                        <td style="width: 17%"><span>*<span>联系方式</span></span></td>
                        <td style="width: 30%">
                            <input id="add_phonumber" name="add_phonumber" class="popup_input" autocomplete="off">
                        </td>
                        <td style="width: 6%"></td>
                        <td style="width: 17%"><span><span>头像</span></span></td>
                        <td style="width: 30%" rowspan="2">
                            <img id="add_userphoto" class="userphoto">
                            <input type="file" id="add_file" name="add_file" style="display:none;" disabled="disabled">
                        </td>
                    </tr>
                    <tr>
                        <td><span>*<span>用户名</span></span></td>
                        <td>
                            <input id="add_username" name="add_username" class="popup_input" autocomplete="off">
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><span>*<span>密码</span></span></td>
                        <td>
                            <input id="add_password" name="add_password" class="popup_input" autocomplete="off">
                        </td>
                        <td></td>
                        <td></td>
                        <td>
                            <input id="add_source" name="add_source" class="popup_input" value="用户中心后台添加" readonly="readonly" style="display: none">
                        </td>
                    </tr>
                    <tr>
                        <td><span>*<span>姓名</span></span></td>
                        <td>
                            <input id="add_realname" name="add_realname" class="popup_input" autocomplete="off">
                        </td>
                        <td></td>
                        <td><span>*<span>性别</span></span></td>
                        <td>
                            <input id="add_man" class="popup_input_radio" name="add_sex" type="radio" value="男" /><label for="add_man">男</label>
                            <input id="add_woman" class="popup_input_radio" name="add_sex" type="radio" value="女" /><label for="add_woman">女</label>
                            <input id="add_secrecy" class="popup_input_radio" name="add_sex" type="radio" value="保密" /><label for="add_secrecy">保密</label>
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>身份证号</span></span></td>
                        <td>
                            <input id="add_idcard" name="add_idcard" class="popup_input" placeholder="请输入身份证号" autocomplete="off">
                        </td>
                        <td></td>
                        <td><span>*<span>用户类型</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="add_type" name="add_type" class="popup_input" placeholder="请选择用户类型" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span>*<span>所在科室</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="add_department" name="add_department" class="popup_input" placeholder="请选择科室" readonly="readonly">
                        </td>
                        <td></td>
                        <td><span>*<span>科室主任</span></span></td>
                        <td>
                            <input id="add_director" name="add_director" class="popup_input popup_input_readonly" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span>*<span>工号</span></span></td>
                        <td>
                            <input id="add_job_number" name="add_job_number" class="popup_input popup_input_readonly" autocomplete="off">
                        </td>
                        <td></td>
                        <td><span>*<span>状态</span></span></td>
                        <td>
                            <input id="add_state" name="add_state" class="popup_input popup_input_readonly" value="未认证" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>临床职称</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="add_clinical_title" name="add_clinical_title" class="popup_input" placeholder="请选择临床职称" readonly="readonly">
                        </td>
                        <td></td>
                        <td><span><span>教学职称</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="add_teaching_title" name="add_teaching_title" class="popup_input" placeholder="请选择教学职称" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>擅长</span></span></td>
                        <td rowspan="2" colspan="5">
                            <textarea id="add_goodat" name="add_goodat" placeholder="请输入擅长"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td><span><span>简介</span></span></td>
                        <td rowspan="2" colspan="5">
                            <textarea id="add_description" name="add_description" placeholder="请输入简介"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </form>
            </table>
        </div>
        <div id="add_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <div id="update" class="popup">
        <div id="update_top">
            <span>用户信息修改</span>
            <div>×</div>
        </div>
        <div id="update_content" class="inner-container">
            <table>
                <form method="post" enctype="multipart/form-data" id="updateform">
                    <tr>
                        <td style="width: 17%"><span>*<span>联系方式</span></span></td>
                        <td style="width: 30%">
                            <input id="update_phonumber" name="update_phonumber" class="popup_input" autocomplete="off">
                        </td>
                        <td style="width: 6%"></td>
                        <td style="width: 17%"><span><span>头像</span></span></td>
                        <td style="width: 30%" rowspan="2">
                            <img id="update_userphoto" class="userphoto">
                            <input type="file" id="update_file" name="update_file" style="display:none;" disabled="disabled">
                        </td>
                    </tr>
                    <tr>
                        <td><span>*<span>用户名</span></span></td>
                        <td>
                            <input id="update_username" name="update_username" class="popup_input" autocomplete="off">
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><span>*<span>姓名</span></span></td>
                        <td>
                            <input id="update_realname" name="update_realname" class="popup_input" autocomplete="off">
                        </td>
                        <td></td>
                        <td><span>*<span>性别</span></span></td>
                        <td>
                            <input id="update_man" class="popup_input_radio" name="update_sex" type="radio" value="男" /><label for="update_man">男</label>
                            <input id="update_woman" class="popup_input_radio" name="update_sex" type="radio" value="女" /><label for="update_woman">女</label>
                            <input id="update_secrecy" class="popup_input_radio" name="update_sex" type="radio" value="保密" /><label for="update_secrecy">保密</label>
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>身份证号</span></span></td>
                        <td>
                            <input id="update_idcard" name="update_idcard" class="popup_input" placeholder="请输入身份证号" autocomplete="off">
                        </td>
                        <td></td>
                        <td><span><span>用户类型</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="update_type" name="update_type" class="popup_input" placeholder="请选择用户类型" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>所在科室</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="update_department" name="update_department" class="popup_input" placeholder="请选择科室" readonly="readonly">
                        </td>
                        <td></td>
                        <td><span><span>科室负责人</span></span></td>
                        <td>
                            <input id="update_director" name="update_director" class="popup_input popup_input_readonly" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>工号</span></span></td>
                        <td>
                            <input id="update_job_number" name="update_job_number" class="popup_input popup_input_readonly" readonly="readonly">
                        </td>
                        <td></td>
                        <td><span><span>状态</span></span></td>
                        <td>
                            <input id="update_state" name="update_state" class="popup_input popup_input_readonly" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>临床职称</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="update_clinical_title" name="update_clinical_title" class="popup_input" placeholder="请选择临床职称" readonly="readonly">
                        </td>
                        <td></td>
                        <td><span><span>教学职称</span></span></td>
                        <td>
                            <i class="icon"></i>
                            <input id="update_teaching_title" name="update_teaching_title" class="popup_input" placeholder="请选择教学职称" readonly="readonly">
                        </td>
                    </tr>
                    <tr>
                        <td><span><span>擅长</span></span></td>
                        <td rowspan="2" colspan="5">
                            <textarea id="update_goodat" name="update_goodat" placeholder="请输入擅长"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td><span><span>简介</span></span></td>
                        <td rowspan="2" colspan="5">
                            <textarea id="update_description" name="update_description" placeholder="请输入简介"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </form>
            </table>
        </div>
        <div id="update_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <div id="reset" class="popup">
        <div id="reset_top">
            <span>重置密码</span>
            <div>×</div>
        </div>
        <div id="reset_content">
            <div>请输入新密码</div>
            <input class="search_input" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)" autocomplete="off">
            <div></div>
        </div>
        <div id="reset_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <div id="department_modify" class="popup">
        <div id="department_modify_top">
            <span>批量修改科室</span>
            <div>×</div>
        </div>
        <div id="department_modify_content">
            <div><span>*<span>所属科室</span></span></div>
            <div>
                <i class="icon"></i>
                <input id="department_modify_input" class="popup_input" placeholder="请选择所属科室" readonly="readonly">
                <div id="department_modify_list" class="search_input_option innerbox">
                    <div>
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="department_modify_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>
    <%--新增弹窗的下拉列表--%>
    <div id="add_type_list" class="popup_input_option inner-container">
        <ul>

        </ul>
    </div>
    <div id="add_department_list" class="popup_input_option innerbox">
        <div>
            <ul>

            </ul>
        </div>
    </div>
    <div id="add_clinical_title_list" class="popup_input_option innerbox">
        <div>
            <ul>

            </ul>
        </div>
    </div>
    <div id="add_teaching_title_list" class="popup_input_option inner-container">
        <ul>

        </ul>
    </div>
    <%--编辑弹窗的下拉列表--%>
    <div id="update_type_list" class="popup_input_option inner-container">
        <ul>

        </ul>
    </div>
    <div id="update_department_list" class="popup_input_option innerbox">
        <div>
            <ul>

            </ul>
        </div>
    </div>
    <div id="update_clinical_title_list" class="popup_input_option innerbox">
        <div>
            <ul>

            </ul>
        </div>
    </div>
    <div id="update_teaching_title_list" class="popup_input_option inner-container">
        <ul>

        </ul>
    </div>
    <script type="text/javascript" src="/js/frame/user_center/user_center_alluser.js"></script>
</body>
</html>